<template>
  <div>
    <el-table
      :data="this.form"
      border
      style="width: 52.9%">
      <el-table-column
        prop="carNo"
        label="车牌号码"
        width="250">
      </el-table-column>
      <el-table-column
        prop="nextdate"
        label="到期时间"
        width="250">
      </el-table-column>
      <el-table-column
        prop="reminderType"
        label="提醒类别"
        width="250">
      </el-table-column>
    </el-table>

    <div class="block">
      <el-pagination
        small
        layout="prev, pager, next"
        :total="total"
        :page-size="limit"
        :current-page="current"
        @current-change="listAll"
      >
      </el-pagination>
    </div>
  </div>
</template>

<script>
import remindApi from "@/api/remind_cjl_dqtx.js";
export default {
  data() {
    return {
      current: 1,
      limit: 2,
      total: 0,
      form: '',
    }
  },
  created() {
    this.listAll();
  },
  methods: {
    listAll(current = 1) {
      this.current = current
      remindApi.allRemind(this.current, this.limit).then((response) => {
        this.form = response.data.pageList;
        this.total = response.data.total;
      })
    }
  }
}
</script>
